﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.1-推荐</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_1-推荐/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/4_1-推荐/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u3558" class="ax_default _形状">
        <img id="u3558_img" class="img " src="images/4_1-推荐/u3558.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3559" class="ax_default _形状">
        <img id="u3559_img" class="img " src="images/0-目录/u726.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u3560" class="ax_default _水平线">
        <img id="u3560_img" class="img " src="images/0-目录/u727.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u3561" class="ax_default _文本段落" data-label="Header 2">
        <img id="u3561_img" class="img " src="images/1_1-观看者页面/header_2_u741.png"/>
        <div id="u3561_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">4.1-</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3562" class="ax_default _文本段落">
        <img id="u3562_img" class="img " src="images/节目信息（暂不做）/u1155.png"/>
        <div id="u3562_text" class="text ">
          <p style="font-size:36px;"><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;font-size:56px;color:#000000;">45</span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;"> </span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;color:#999999;">/ 61</span></p>
        </div>
      </div>

      <!-- Unnamed (4.1节目列表) -->

      <!-- Unnamed (A01观看者-主页) -->

      <!-- Unnamed (矩形) -->
      <div id="u3565" class="ax_default _形状">
        <img id="u3565_img" class="img " src="images/观看者-流程图/u415.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3566" class="ax_default _形状">
        <img id="u3566_img" class="img " src="images/观看者-流程图/u416.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3567" class="ax_default _形状">
        <img id="u3567_img" class="img " src="images/观看者-流程图/u417.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3568" class="ax_default" data-left="111" data-top="18" data-width="61" data-height="17">

        <!-- Unnamed (矩形) -->
        <div id="u3569" class="ax_default _文本段落">
          <img id="u3569_img" class="img " src="images/观看者-流程图/u419.png"/>
          <div id="u3569_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u3570" class="ax_default _形状">
          <img id="u3570_img" class="img " src="images/观看者-流程图/u420.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3571" class="ax_default _形状">
        <img id="u3571_img" class="img " src="images/观看者-流程图/u421.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3572" class="ax_default _文本段落">
        <img id="u3572_img" class="img " src="images/观看者-流程图/u422.png"/>
        <div id="u3572_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">andy</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3573" class="ax_default _文本段落">
        <img id="u3573_img" class="img " src="images/观看者-流程图/u423.png"/>
        <div id="u3573_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">X</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3574" class="ax_default _形状">
        <img id="u3574_img" class="img " src="images/观看者-流程图/u424.png"/>
        <div id="u3574_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">您当前处于非wifi继续观看会耗费流量</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3575" class="ax_default _形状">
        <img id="u3575_img" class="img " src="images/流程图（节目列表_个人信息）/u680.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3576" class="ax_default _形状">
        <img id="u3576_img" class="img " src="images/流程图（节目列表_个人信息）/u681.png"/>
        <div id="u3576_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3577" class="ax_default _形状">
        <img id="u3577_img" class="img " src="images/流程图（节目列表_个人信息）/u682.png"/>
        <div id="u3577_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">订阅</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3578" class="ax_default _形状">
        <img id="u3578_img" class="img " src="images/流程图（节目列表_个人信息）/u682.png"/>
        <div id="u3578_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">预约</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3579" class="ax_default _形状">
        <img id="u3579_img" class="img " src="images/流程图（节目列表_个人信息）/u684.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3580" class="ax_default" data-left="18" data-top="522" data-width="266" data-height="109">

        <!-- Unnamed (矩形) -->
        <div id="u3581" class="ax_default _形状">
          <img id="u3581_img" class="img " src="images/流程图（节目列表_个人信息）/u686.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u3582" class="ax_default _形状">
          <img id="u3582_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3583" class="ax_default _文本段落">
          <img id="u3583_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
          <div id="u3583_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3584" class="ax_default _文本段落">
          <img id="u3584_img" class="img " src="images/流程图（节目列表_个人信息）/u689.png"/>
          <div id="u3584_text" class="text ">
            <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">直播我第一次挑战冲浪大赛~~</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3585" class="ax_default _文本段落">
          <img id="u3585_img" class="img " src="images/流程图（节目列表_个人信息）/u690.png"/>
          <div id="u3585_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">粉丝：1256&nbsp;&nbsp; 12-23 23：00</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3586" class="ax_default _形状">
          <img id="u3586_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
          <div id="u3586_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">预约</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3587" class="ax_default" data-left="18" data-top="372" data-width="266" data-height="141">

        <!-- Unnamed (占位符) -->
        <div id="u3588" class="ax_default _形状">
          <img id="u3588_img" class="img " src="images/流程图（节目列表_个人信息）/u693.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u3589" class="ax_default _形状">
          <img id="u3589_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3590" class="ax_default _文本段落">
          <img id="u3590_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
          <div id="u3590_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3591" class="ax_default _文本段落">
          <img id="u3591_img" class="img " src="images/流程图（节目列表_个人信息）/u696.png"/>
          <div id="u3591_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; 人12 花12</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3592" class="ax_default _文本段落">
          <img id="u3592_img" class="img " src="images/发布者-流程图/u601.png"/>
          <div id="u3592_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">互动：1123条</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3593" class="ax_default _形状">
          <img id="u3593_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
          <div id="u3593_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">LIVE</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3594" class="ax_default" data-left="18" data-top="640" data-width="266" data-height="141">

        <!-- Unnamed (占位符) -->
        <div id="u3595" class="ax_default _形状">
          <img id="u3595_img" class="img " src="images/流程图（节目列表_个人信息）/u693.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u3596" class="ax_default _形状">
          <img id="u3596_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3597" class="ax_default _文本段落">
          <img id="u3597_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
          <div id="u3597_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3598" class="ax_default _文本段落">
          <img id="u3598_img" class="img " src="images/流程图（节目列表_个人信息）/u696.png"/>
          <div id="u3598_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; 人12 花12</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3599" class="ax_default _文本段落">
          <img id="u3599_img" class="img " src="images/发布者-流程图/u601.png"/>
          <div id="u3599_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">互动：1123条</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3600" class="ax_default _形状">
          <img id="u3600_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
          <div id="u3600_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">录播</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3601" class="ax_default _文本段落">
        <img id="u3601_img" class="img " src="images/流程图（节目列表_个人信息）/u706.png"/>
        <div id="u3601_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">视频标题视频标题视频标题</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3602" class="ax_default _文本段落">
        <img id="u3602_img" class="img " src="images/流程图（节目列表_个人信息）/u706.png"/>
        <div id="u3602_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">视频标题视频标题视频标题</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3603" class="ax_default" data-left="18" data-top="193" data-width="266" data-height="170">

        <!-- Unnamed (矩形) -->
        <div id="u3604" class="ax_default _形状">
          <img id="u3604_img" class="img " src="images/流程图（节目列表_个人信息）/u709.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u3605" class="ax_default _形状">
          <img id="u3605_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3606" class="ax_default _文本段落">
          <img id="u3606_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
          <div id="u3606_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3607" class="ax_default _文本段落">
          <img id="u3607_img" class="img " src="images/流程图（节目列表_个人信息）/u689.png"/>
          <div id="u3607_text" class="text ">
            <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">直播我第一次挑战冲浪大赛~~</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3608" class="ax_default _文本段落">
          <img id="u3608_img" class="img " src="images/流程图（节目列表_个人信息）/u690.png"/>
          <div id="u3608_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">粉丝：1256&nbsp;&nbsp; 12-23 23：00</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3609" class="ax_default _形状">
          <img id="u3609_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
          <div id="u3609_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">预约</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3610" class="ax_default" data-left="242" data-top="7" data-width="46" data-height="31">

        <!-- Unnamed (矩形) -->
        <div id="u3611" class="ax_default _形状">
          <img id="u3611_img" class="img " src="images/观看者-流程图/u416.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u3612" class="ax_default _图片_">
          <img id="u3612_img" class="img " src="images/观看者-流程图/u486.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3613" class="ax_default _文本段落">
        <img id="u3613_img" class="img " src="images/流程图（节目列表_个人信息）/u718.png"/>
        <div id="u3613_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">乐嗨直播</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3614" class="ax_default _形状">
        <img id="u3614_img" class="img " src="images/流程图（节目列表_个人信息）/u719.png"/>
        <div id="u3614_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">banner</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3615" class="ax_default _文本段落">
        <img id="u3615_img" class="img " src="images/4_1-推荐/u3615.png"/>
        <div id="u3615_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">界面：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;">1，类似uber的展现方式，点击顶部可返回当前直播</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2，支持点击tab切换和左右滑动切换</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">3，所有列表一分页为10个，默认加载一分页</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">4，图片如果获取不到现实默认图片</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3616" class="ax_default _文本段落">
        <img id="u3616_img" class="img " src="images/4_1-推荐/u3616.png"/>
        <div id="u3616_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">显示顺序：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;">1. 先显示【直播中】的节目</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2. 其次显示【可预约】的节目</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">3. 最后显示【录播】节目</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;">均由人工运营</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3617" class="ax_default _文本段落">
        <img id="u3617_img" class="img " src="images/1_1-观看者页面/u818.png"/>
        <div id="u3617_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">【直播中】视频：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3618" class="ax_default _文本段落">
        <img id="u3618_img" class="img " src="images/观看记录（暂不做）/u3152.png"/>
        <div id="u3618_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">1</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">，显示用户头像昵称，标题</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">，直播视频第一针默认作为封面</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">3</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">，显示当前直播时长和房间人数和鲜花数</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3619" class="ax_default _文本段落">
        <img id="u3619_img" class="img " src="images/互动/u962.png"/>
        <div id="u3619_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">推荐</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u3620" class="ax_default _文本段落" data-label="Header 2">
        <img id="u3620_img" class="img " src="images/1_1-观看者页面/header_2_u782.png"/>
        <div id="u3620_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">说明：</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3621" class="ax_default" data-left="750" data-top="233" data-width="266" data-height="141">

        <!-- Unnamed (占位符) -->
        <div id="u3622" class="ax_default _形状">
          <img id="u3622_img" class="img " src="images/流程图（节目列表_个人信息）/u693.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u3623" class="ax_default _形状">
          <img id="u3623_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3624" class="ax_default _文本段落">
          <img id="u3624_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
          <div id="u3624_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3625" class="ax_default _文本段落">
          <img id="u3625_img" class="img " src="images/流程图（节目列表_个人信息）/u696.png"/>
          <div id="u3625_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; 人12 花12</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3626" class="ax_default _文本段落">
          <img id="u3626_img" class="img " src="images/发布者-流程图/u601.png"/>
          <div id="u3626_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">互动：1123条</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3627" class="ax_default _形状">
          <img id="u3627_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
          <div id="u3627_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">LIVE</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3628" class="ax_default _文本段落">
        <img id="u3628_img" class="img " src="images/4_1-推荐/u3628.png"/>
        <div id="u3628_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">【可预约】视频：</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3629" class="ax_default" data-left="750" data-top="486" data-width="266" data-height="109">

        <!-- Unnamed (矩形) -->
        <div id="u3630" class="ax_default _形状">
          <img id="u3630_img" class="img " src="images/流程图（节目列表_个人信息）/u686.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u3631" class="ax_default _形状">
          <img id="u3631_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3632" class="ax_default _文本段落">
          <img id="u3632_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
          <div id="u3632_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3633" class="ax_default _文本段落">
          <img id="u3633_img" class="img " src="images/流程图（节目列表_个人信息）/u689.png"/>
          <div id="u3633_text" class="text ">
            <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">直播我第一次挑战冲浪大赛~~</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3634" class="ax_default _文本段落">
          <img id="u3634_img" class="img " src="images/流程图（节目列表_个人信息）/u690.png"/>
          <div id="u3634_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">粉丝：1256&nbsp;&nbsp; 12-23 23：00</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3635" class="ax_default _形状">
          <img id="u3635_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
          <div id="u3635_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">预约</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3636" class="ax_default _文本段落">
        <img id="u3636_img" class="img " src="images/4_1-推荐/u3636.png"/>
        <div id="u3636_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">1</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">，点击可直接预约。右上角变为【已预约】,并有toast提示。下次刷新列表时此条消失。</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">，预约后，出现在已预约列表中。</span></p><p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">3，无图片，仅展示标题、主播信息、直播时间。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3637" class="ax_default _文本段落">
        <img id="u3637_img" class="img " src="images/观看记录（暂不做）/u3151.png"/>
        <div id="u3637_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">【录播】视频：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3638" class="ax_default _文本段落">
        <img id="u3638_img" class="img " src="images/4_1-推荐/u3638.png"/>
        <div id="u3638_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">1</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">，右上角标明【录播】</span></p><p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3639" class="ax_default" data-left="750" data-top="733" data-width="266" data-height="141">

        <!-- Unnamed (占位符) -->
        <div id="u3640" class="ax_default _形状">
          <img id="u3640_img" class="img " src="images/流程图（节目列表_个人信息）/u693.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u3641" class="ax_default _形状">
          <img id="u3641_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3642" class="ax_default _文本段落">
          <img id="u3642_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
          <div id="u3642_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3643" class="ax_default _文本段落">
          <img id="u3643_img" class="img " src="images/流程图（节目列表_个人信息）/u696.png"/>
          <div id="u3643_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; 人12 花12</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3644" class="ax_default _文本段落">
          <img id="u3644_img" class="img " src="images/发布者-流程图/u601.png"/>
          <div id="u3644_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">互动：1123条</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3645" class="ax_default _形状">
          <img id="u3645_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
          <div id="u3645_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">录播</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3646" class="ax_default _文本段落">
        <img id="u3646_img" class="img " src="images/流程图（节目列表_个人信息）/u706.png"/>
        <div id="u3646_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">视频标题视频标题视频标题</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3647" class="ax_default _文本段落">
        <img id="u3647_img" class="img " src="images/流程图（节目列表_个人信息）/u706.png"/>
        <div id="u3647_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">视频标题视频标题视频标题</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3648" class="ax_default _文本段落">
        <img id="u3648_img" class="img " src="images/4_1-推荐/u3648.png"/>
        <div id="u3648_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">直播的视频封面每隔5分钟会重新截取一次当前画面</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">更新封面显示</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3649" class="ax_default" data-left="369" data-top="643" data-width="266" data-height="170">

        <!-- Unnamed (矩形) -->
        <div id="u3650" class="ax_default _形状">
          <img id="u3650_img" class="img " src="images/流程图（节目列表_个人信息）/u709.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u3651" class="ax_default _形状">
          <img id="u3651_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3652" class="ax_default _文本段落">
          <img id="u3652_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
          <div id="u3652_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3653" class="ax_default _文本段落">
          <img id="u3653_img" class="img " src="images/流程图（节目列表_个人信息）/u689.png"/>
          <div id="u3653_text" class="text ">
            <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">直播我第一次挑战冲浪大赛~~</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3654" class="ax_default _文本段落">
          <img id="u3654_img" class="img " src="images/流程图（节目列表_个人信息）/u690.png"/>
          <div id="u3654_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">粉丝：1256&nbsp;&nbsp; 12-23 23：00</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3655" class="ax_default _形状">
          <img id="u3655_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
          <div id="u3655_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">预约</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3656" class="ax_default _文本段落">
        <img id="u3656_img" class="img " src="images/2_3-直播结束/u2327.png"/>
        <div id="u3656_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">【推荐预约】视频：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3657" class="ax_default _文本段落">
        <img id="u3657_img" class="img " src="images/4_1-推荐/u3657.png"/>
        <div id="u3657_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">1</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">，点击可直接预约。右上角变为【已预约】,</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;color:#FF3300;">并有toast提示成功失败</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">。下次刷新列表时此条消失。</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">，预约后，出现在已预约列表中。</span></p><p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">3，有封面，仅展示标题、主播信息、直播时间。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3658" class="ax_default _形状">
        <img id="u3658_img" class="img " src="images/4_1-推荐/u3658.png"/>
        <div id="u3658_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">开启直播</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3659" class="ax_default _形状">
        <img id="u3659_img" class="img " src="images/4_1-推荐/u3658.png"/>
        <div id="u3659_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">开启直播</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3660" class="ax_default _文本段落">
        <img id="u3660_img" class="img " src="images/互动/u977.png"/>
        <div id="u3660_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">点击开启直播，国内版进入开启直播页面</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">国外版进入快速直播页面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3661" class="ax_default _形状">
        <img id="u3661_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
        <div id="u3661_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">分享</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3662" class="ax_default" data-left="1143" data-top="400" data-width="289" data-height="70">

        <!-- Unnamed (矩形) -->
        <div id="u3663" class="ax_default _形状">
          <img id="u3663_img" class="img " src="images/4_1-推荐/u3663.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u3664" class="ax_default _形状">
          <img id="u3664_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3665" class="ax_default _文本段落">
          <img id="u3665_img" class="img " src="images/流程图（节目列表_个人信息）/u689.png"/>
          <div id="u3665_text" class="text ">
            <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">直播我第一次挑战冲浪大赛~~</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3666" class="ax_default _形状">
          <img id="u3666_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
          <div id="u3666_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">预约</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3667" class="ax_default _形状">
        <img id="u3667_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
        <div id="u3667_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">分享</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3668" class="ax_default _文本段落">
        <img id="u3668_img" class="img " src="images/4_1-推荐/u3668.png"/>
        <div id="u3668_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">点击分享弹出分享框，逻辑和观看页面保持一致</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3669" class="ax_default _形状">
        <img id="u3669_img" class="img " src="images/互动/u1005.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3670" class="ax_default _文本段落">
        <img id="u3670_img" class="img " src="images/发布者-流程图/u610.png"/>
        <div id="u3670_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">分享到：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3671" class="ax_default _形状">
        <img id="u3671_img" class="img " src="images/互动/u1007.png"/>
        <div id="u3671_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">微博</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3672" class="ax_default _形状">
        <img id="u3672_img" class="img " src="images/互动/u1007.png"/>
        <div id="u3672_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">朋友圈</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3673" class="ax_default _形状">
        <img id="u3673_img" class="img " src="images/互动/u1007.png"/>
        <div id="u3673_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">QQ</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3674" class="ax_default _形状">
        <img id="u3674_img" class="img " src="images/互动/u1007.png"/>
        <div id="u3674_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">微信</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u3675" class="ax_default _图片_">
        <img id="u3675_img" class="img " src="images/4_1-推荐/u3675.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3676" class="ax_default _形状">
        <img id="u3676_img" class="img " src="images/4_1-推荐/u3676.png"/>
        <div id="u3676_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">分享</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
